<template>
	<view class="pay">
		<view class="boxcent">
			<image class="boximg" src="../../static/payscss.png" mode=""></image>
			<text class="cg">{{tit}}</text>
		</view>
		<view class="pay_money">
			<view class="name">maxbox数藏平台商户</view>
			<view class="jine">￥{{Number(realPay).toFixed(2)}}</view>
		</view>
		<view class="btn">
			<u-button class="btn1" :custom-style="{border:'none'}" :hair-line='false' :ripple="true" @click="home">返回首页</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tit:'支付成功',
				realPay:0
			}
		},
		onLoad(optins) {
			this.realPay = optins.realPay
		},
		methods: {
			home(){
				uni.navigateBack({
					delta: 2
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	page{
		/* background-color: #EDF5F5; */
	}
	.pay {
		width: 100vw;
		height: 100vh;
		text-align: center;
		display: flex;
		justify-content: space-around;
    align-items: center;
		flex-direction: column;
			.boxcent{
				display: flex;
				align-items: center;
				.boximg {
					width: 38rpx;
					height: 35rpx;
				}
				.cg {
					font-size: 34rpx;
					color: #5BBB71;
					font-weight: bold;
					margin-left: 10rpx;
				}
				
			}
			.pay_money{
				.name{
					color: #111111;
					font-weight: bold;
					font-size: 30rpx;
				}
				.jine{
					font-size: 72rpx;
				}
			}
			.btn {
				width: 354rpx;
				height: 93rpx;
				border-radius: 17rpx;
				margin: 0 auto;
				margin-top: 500rpx;
				.btn1{
					background: #F2F2F2;
					border: none;
					color: #58BE6B;
					font-weight: bold;
				}
			}


	}








</style>
